<!--
 * @Description:
 * @Author 卞鹏飞 <228443632@qq.com>
 * @create 28/08/24 AM9:19
 -->
<!--default-->
<script>
export default { name: 'Demo' }
</script>
<!--setup-->
<script setup>
import { onMounted, getCurrentInstance, ref } from 'vue'
import { BaseForm, BaseFormItem } from '@shared/base/base-form'
import Select from '@shared/base/base-form/src/Select.vue'

const { proxy } = getCurrentInstance()
const props = defineProps({})
const emit = defineEmits([])

/* 状态 */

const formData = ref({
  planProgress1: []
  // planProgress2: '',
})
const baseFormRef = ref()
const rules = ref({})

const { $dict } = window.$sharedRepo

/* 方法 */

/* 计算 */

/* 监听 */

/* 周期 */
onMounted(() => {})

/* 暴露 */
defineExpose({
  $: proxy.$
})
</script>

<!--render-->
<template>
  <div class="page">
    <!-- 内容区 -->
  </div>
  {{ formData }}
  <BaseForm
    ref="baseFormRef"
    v-model="formData"
    :rules="rules"
    label-width="150px"
    label-position="top"
    :gutter="18"
  >
    <BaseFormItem
      label="时间"
      prop="planTime"
      type="date"
    />
    <!--      <BaseFormItem
      label="是否完成"
      prop="isFinished"
      type="select"
      :col="24"
      dict="$pubYesNo"
    />-->
    <BaseFormItem
      label="开发进度"
      prop="planProgress"
      type="text"
      append="%"
      is-number
    />

    <BaseFormItem
      label="开发进度"
      prop="planProgress"
      type="cascader"
      multiple
      :dict="$dict('$currency')"
    />
    <el-col>
      <!--      <el-select  multiple v-model="formData.planProgress2" clearable>-->
      <!--        <el-option v-for="(item, index) in $dict('$currency')" :value="item.key" :label="item.label" :key="item.key"></el-option>-->
      <!--      </el-select>-->

      222<Select
        v-model="formData.planProgress3"
        multiple
        :options="$dict('$currency')"
      />
    </el-col>
    <BaseFormItem
      label="开发进度"
      prop="planProgress1"
      type="select"
      multiple
      dict="$currency"
      :component-attrs="{
        emptyValues: [null, undefined]
      }"
    />

    <!--      <BaseFormItem
      label="实际进度"
      prop="actualProgress"
      type="text"
      :col="24"
      is-number
      append="%"
    />-->
    <BaseFormItem
      label="情况说明"
      prop="situationDesc"
      type="text"
      maxlength="1000"
      :component-attrs="{
        showWordLimit: false
      }"
    />
  </BaseForm>
</template>

<!--style-->
<style scoped lang="less">
.page {
}
</style>
